<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <include file="Public:common_file" />
    <meta name="description" content="{$info.description}">
    <meta name="keywords" content="{$info.keywords}">
    <title>{$info.title}-我的订单</title>
    <style type="text/css">
        .select{
            width: 100%; height:40px; background:#fff; overflow:auto;
        }
        .select .option{
            width:20%; float:left; height:40px; line-height:40px; text-align:center;
            color:#666;
        }
        .select .option.active{
            color:#f23030; border-bottom:2px solid #f23030;
        }
        .content{
            display:none;
        }
        .content .order{
            background:#fff; margin:5px 0; overflow:auto;
        }
        .content .order .title{
             border-left:4px solid #f23030; height:30px; line-height:30px; padding:0 10px;
              border-bottom:1px solid #f3f3f3;
        }
        .content .order .top{
            width:100%; border-bottom:1px solid #f3f3f3; overflow:auto;
        }
        .content .order .top .img{
            width:80px; height: 80px; float:left;
        }
        .content .order .top  .img img{
            width:80px; height: 80px; 
        }
        .content .order .top  .right{
            width:calc( 100% - 80px ); float:right; font-size:12px; padding:5px; line-height:20px; 
        }
        .content .order .top  .right .name{
            height:40px; overflow:hidden;
        }
        .content .order .top  .right .num_price{
            height:30px; overflow:hidden; line-height:30px; 
        }
        .content .order .top  .right .num_price .price{
            color: #f23030; float:left;
        }
        .content .order .right .num_price .num{
            color: #666; float:right;
        }
        .content .order .all_info{
            width:100%;
        }
        .content .order .all_info .info{
            width:100%; font-size:12px; text-align:right;
            height:30px; line-height:30px; color:#666;
        }
        .content .order .all_info .do{
            text-align:right; padding: 5px;
        }
    </style>
</head>
<body>
	<div class="head" style="background-color:#f23030;">
        <div class="left" onclick="back()">
            <i class="fa fa-chevron-left" aria-hidden="true"></i>
        </div>
        <div class="center">
            <p><i class="icon-user"></i> 我的订单</p>
        </div>
        <div class="right">
            
        </div>
    </div>

    <div class="body">
        <div class="select">
            <div class="option active" onclick="change_type(1)" id="t1">
                全部
            </div>
            <div class="option" onclick="change_type(2)" id="t2">
                待付款
            </div>
            <div class="option" onclick="change_type(3)" id="t3">
                待发货
            </div>
            <div class="option" onclick="change_type(4)" id="t4">
                待收货
            </div>
            <div class="option" onclick="change_type(5)" id="t5">
                待评价
            </div>
        </div>

        <div class="content" id="content1" style="display: block;">
            <div class="order">
                <div class="title">
                    单号:201705011456990001
                </div>
                <div class="top">
                    <div class="img">
                        <img class="" data-original="/Public/img/t1.jpg" src="/Public/img/t1.jpg">
                    </div>
                    <div class="right">
                        <div class="name">
                            木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                        </div>
                        <div class="num_price">
                            <div class="price">￥128.00</div>
                            <div class="num">x 3</div>
                        </div>
                    </div>
                </div>
                <div class="all_info">
                    <div class="info">
                        共7件商品 合计￥995.65 （含运费￥26.50）
                    </div>
                    <div class="do">
                        <div class="btn btn-success">
                            立即支付
                        </div>
                        <!-- <div class="btn btn-primary">
                            查看物流
                        </div>
                        <div class="btn btn-danger">
                            确认收货
                        </div>
                        <div class="btn btn-danger">
                            申请退款
                        </div>
                        <div class="btn btn-default">
                            进行评价
                        </div> -->
                    </div>
                </div>
            </div>
        </div>
        <div class="content" id="content2">
            <div class="order">
                <div class="title">
                    单号:201705011456990001
                </div>
                <div class="top">
                    <div class="img">
                        <img class="" data-original="/Public/img/t1.jpg" src="/Public/img/t1.jpg">
                    </div>
                    <div class="right">
                        <div class="name">
                            木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                        </div>
                        <div class="num_price">
                            <div class="price">￥128.00</div>
                            <div class="num">x 3</div>
                        </div>
                    </div>
                </div>
                <div class="all_info">
                    <div class="info">
                        共7件商品 合计￥995.65 （含运费￥26.50）
                    </div>
                    <div class="do">
                        <div class="btn btn-success">
                            立即支付
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content" id="content3">
            <div class="order">
                <div class="title">
                    单号:201705011456990001
                </div>
                <div class="top">
                    <div class="img">
                        <img class="" data-original="/Public/img/t1.jpg" src="/Public/img/t1.jpg">
                    </div>
                    <div class="right">
                        <div class="name">
                            木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                        </div>
                        <div class="num_price">
                            <div class="price">￥128.00</div>
                            <div class="num">x 3</div>
                        </div>
                    </div>
                </div>
                <div class="all_info">
                    <div class="info">
                        共7件商品 合计￥995.65 （含运费￥26.50）
                    </div>
                    <div class="do">
                        <div class="btn btn-default">
                            提醒发货
                        </div>
                        <div class="btn btn-danger">
                            申请退款
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>
        <div class="content" id="content4">
            <div class="order">
                <div class="title">
                    单号:201705011456990001
                </div>
                <div class="top">
                    <div class="img">
                        <img class="" data-original="/Public/img/t1.jpg" src="/Public/img/t1.jpg">
                    </div>
                    <div class="right">
                        <div class="name">
                            木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                        </div>
                        <div class="num_price">
                            <div class="price">￥128.00</div>
                            <div class="num">x 3</div>
                        </div>
                    </div>
                </div>
                <div class="all_info">
                    <div class="info">
                        共7件商品 合计￥995.65 （含运费￥26.50）
                    </div>
                    <div class="do">
                        <a href="https://m.kuaidi100.com/index_all.html?type=zhongtong&postid=436383187744&callbackurl=http://chenweifang.mahuan.top">
                            <div class="btn btn-primary">
                                查看物流
                            </div>
                        </a>
                        
                        <div class="btn btn-success">
                            确认收货
                        </div>
                        <div class="btn btn-danger">
                            申请退款
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="content" id="content5">
            <div class="order">
                <div class="title">
                    单号:201705011456990001
                </div>
                <div class="top">
                    <div class="img">
                        <img class="" data-original="/Public/img/t1.jpg" src="/Public/img/t1.jpg">
                    </div>
                    <div class="right">
                        <div class="name">
                            木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                        </div>
                        <div class="num_price">
                            <div class="price">￥128.00</div>
                            <div class="num">x 3</div>
                        </div>
                    </div>
                </div>
                <div class="all_info">
                    <div class="info">
                        共7件商品 合计￥995.65 （含运费￥26.50）
                    </div>
                    <div class="do">
                        <div class="btn btn-default">
                            进行评价
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    
	<include file="Public:foot" />
    <script type="text/javascript">
        function change_type(id){
            $('.option').removeClass('active');
            $('#t'+id).addClass('active');
            $('.content').hide();
            $('#content'+id).fadeIn(200);
        }


        imgload();
    </script>
	
</body>
</html>